最近在基于Openwrt做一个设备的固件，需要提供网页配置设备参数的功能，OpenWRT的设备页面是基于Luci的，以前没有学过lua语言，也没了解过相应的内容，因此简单记录下如何在OpenWRT中添加新页面；

Luci 的界面用户目录在/usr/lib/lua/luci。其是 mvc 架构，/usr/lib/lua/luci/下有三个目录model、view、controller，它们对应 M、V、C。

其中 M 是已经生成的 web 控件，其实就是写好的 lua 脚本；V 是给外部提供的一些 web 界面；C 控制其 V 和 M 的显示方式。

从上面的描述可以看出 C 部分是其入口， 我们进入 controller 看看它的内容， 其实它的入口地址在 controller的 admin 目录下面，里面的各个 lua 文件就是各个入口。比如 system.lua 就对应的主界面的 system 栏下面。

每个功能界面的入口地址为对应的 lua 文件中 entry 功能函数，entry 功能函数的原型为：

path 形如(admin, system, reboot)，entry 根据这些属性创建节点。比如上面内容代表在 system 标签中的 reboot 页面。

target 是这里的重点，它描述了当用户调用这个界面所执行的行为。主要有三种行为：

title 是在页面中显示的内容；order 是显示的顺序，顺序越小显示内容越靠前。

在 /usr/lib/lua/luci/controller/admin/system.lua 中增加一条lua语句：

第一个参数代表一个节点； 第二个参数，调用 view/admin_system/helloworld.htm 文件； 第三个参数为显示的名字； 第四个参数为显示顺序，这里在最后显示；

添加新文件 /usr/lib/lua/luci/view/admin_system/helloworld.htm，新文件内容如下：

然后就可以在system栏找到刚添加的helloworld页面了。

在 /usr/lib/lua/luci/controller/admin/ 文件夹中新建文件deviceapp.lua，内容如下：

这样就会在顶栏中添加一栏“设备应用配置”，而其中包含两个页面“应用参数配置”、“FTP参数配置”，这两个页面指向的是/usr/lib/lua/luci/model/cbi/文件夹中的 admin_deviceapp/deviceapp.lua脚本和 admin_deviceapp/deviceftp.lua脚本;

在/usr/lib/lua/luci/model/cbi/文件夹中创建admin_deviceapp文件夹，并在其中创建 deviceapp.lua脚本和 deviceftp.lua脚本，以deviceftp.lua文件为例，内容如下：

该脚本是读取配置文件wifidetect,并将该配置文件中名字为servercfg的区域参数读取出来用于页面显示；

函数原型：

This is the root object of the model.

An object describing an UCI section selected by the name. To instantiate use: Map:section(NamedSection, “name”, “type”, “title”, “description”)

以上是在OpenWRT下添加新页面的步骤，在实践中我们可以很明显的看到，我们并没有做多少额外的工作，比如http页面的生成，请求的解析，参数读取和表单的分析，OpenWRT的继承功能很好的减轻了我们的工作量，至于改变页面什么的对我可以说是完全解放了出来，不想单片机中那样要做很多额外的工作。